<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Home</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"media="all" />
<!-- pignose css -->
<link href="css/pignose.layerslider.css" rel="stylesheet"
	type="text/css" media="all" />

<link th:href="@{css/sweetalert.css}" rel="stylesheet" >
<!-- //pignose css -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700'
	rel='stylesheet' type='text/css'>
<link
	href='https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,900italic,700italic'
	rel='stylesheet' type='text/css'>

<!-- js -->
 <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
<script type="text/javascript" th:src="@{/js/jquery.easing.min.js}"></script>
<script type="text/javascript" src="js/pignose.layerslider.js"></script>
<!-- //js -->
<!-- cart -->
<script src="js/simpleCart.min.js"></script>
<!-- cart -->

<script type="application/x-javascript">
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } 
</script>

<script type="text/javascript" th:src="@{/js/common.js}"></script>
</head>
<body>
	<span id="welcomeCompany" th:text="${companyCode}" hidden="hidden"></span>
	<!-- header-bot -->
	<div class="header-bot">
		<div class="container">

			<div id="header-bot"></div>

		</div>
	</div>
	<!-- header-bot -->


	<!-- banner -->
	<div class="ban-top">
		<div class="container">
			<div id="banner_top"></div>
		</div>
	</div>
	<!-- //banner-top -->

	<div id="main_page">

		<!-- banner -->
		<div class="banner-grid">
			<div id="visual">
				<div class="slide-visual">
					<!-- Slide Image Area (1000 x 424) -->
					<ul class="slide-group">
						<li><img class="img-responsive" src="images/ba1.jpg"
							alt="Dummy Image" /></li>
						<li><img class="img-responsive" src="images/ba2.jpg"
							alt="Dummy Image" /></li>
						<li><img class="img-responsive" src="images/ba3.jpg"
							alt="Dummy Image" /></li>
					</ul>
					<!-- Slide Image Area (1000 x 424) -->

					<!-- Slide Description Image Area (316 x 328) -->
					<div class="script-wrap">
						<ul class="script-group">
							<li><div class="inner-script">
									<img class="img-responsive" src="images/baa1.jpg"
										alt="Dummy Image" />
								</div></li>
							<li><div class="inner-script">
									<img class="img-responsive" src="images/baa2.jpg"
										alt="Dummy Image" />
								</div></li>
							<li><div class="inner-script">
									<img class="img-responsive" src="images/baa3.jpg"
										alt="Dummy Image" />
								</div></li>
						</ul>
						<!-- Slide Description Image Area (316 x 328) -->
						
						<div class="slide-controller">
							<a href="#" class="btn-prev"><img src="images/btn_prev.png"
								alt="Prev Slide" /></a> <a href="#" class="btn-play"><img
								src="images/btn_play.png" alt="Start Slide" /></a> <a href="#"
								class="btn-pause"><img src="images/btn_pause.png"
								alt="Pause Slide" /></a> <a href="#" class="btn-next"><img
								src="images/btn_next.png" alt="Next Slide" /></a>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
		<!-- //banner -->

		<!-- content -->
		<div class="new_arrivals">
			<div id="content_top_page"></div>
		</div>
		<!-- //content -->

		<!-- content-bottom -->
		<div class="content-bottom">
			<div id="contentBottom_page"></div>
		</div>
		<!-- //content-bottom -->

		<!-- product-nav -->
		<div class="product-easy">
			<div id="productNav"></div>
		</div>
		<!-- //product-nav -->
	</div>

	<div id="contact_page"></div>
	

	<div class="coupons">
		<div id="couponsNav"></div>
	</div>

	<!-- footer -->
	<div class="footer">
		<div id="footerNav"></div>
	</div>
	<!-- //footer -->
</body>
<!-- 弹出窗 -->
<!-- for bootstrap working -->
<script type="text/javascript" th:src="@{/js/sweetalert/sweetalert.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main_all/main_all.js}"></script>
</html>
